<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue-v2.6.14.js"></script>
</head>
<body>
<div id="app">
    <button v-on:click="clickMe">点击</button>
    <button @click="clickMe">点击</button>

    <p on v-if="flag">
        这是一个段落
    </p>
</div>

</body>
<script type="text/javascript">
    new Vue({
        el: "#app",
        data: {
            flag: true
        },
        methods :{
            clickMe(){
                // console.log("被点击了");
                //引入data的属性和方法 时需要使用this引用
                this.flag = !this.flag;
            }
        }
    });
</script>
</html>